<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>综合案例</title>
</head>
<body>
    <h4>青春常在</h4>
    <table width="500" border="0" cellspacing="0">
        <!-- 第一行 -->
        <tr><td>姓别:</td>
            <td>
                <input type="radio" name="sex" id="nan">  <label for="nan"><img src="../素材/nan.jpg" width="20"> 男</label>
                <input type="radio" name="sex" id="nv">  <label for="nv"><img src="../素材/women.jpg" width="20"> 女</label>
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日：</td>
            <td>
                <select name="" id="">
                    <option value="" selected="selected">--请选择年--</option>
                    <option value="">2001</option>
                    <option value="">2002</option>
                    <option value="">2003</option>
                </select>
                <select name="" id="">
                    <option value="" selected="selected">--请选择月--</option>
                    <option value="">12</option>
                    <option value="">11</option>
                    <option value="">10</option>
                </select>
                <select name="" id="">
                    <option value="" selected="selected">--请选择日--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                </select>
            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在区域：</td>
            <td><input type="text" value="北京"></td>
        </tr>

        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="marry" checked="checked" id="married"> <label for="married">已婚</label> 
                <input type="radio" name="marry" id="weihun"> <label for="weihun">未婚</label>
                <input type="radio" name="marry" id=""> <label for="lihun">离婚</label>
            </td>
        </tr>

        <tr>
            <td>学历：</td>
            <td><input type="text" value="博士后"></td>
        </tr>

        <tr>
            <td>喜欢的类型：</td>
            <td>
                <input type="checkbox" name="love"> 苹果
                <input type="checkbox" name="love"> 西瓜
                <input type="checkbox" name="love"> 草莓
                <input type="checkbox" name="love"> 菠萝
                <input type="checkbox" name="love"> 香蕉
            </td>
        </tr>

        <tr>
            <td>自我介绍：</td>    
            <td><textarea name="" id="" cols="30" rows="5">个人介绍</textarea></td>
        </tr>

        <tr>
            <td></td>
            <td><input type="button" value="免费注册"></td>
        </tr>
        
        <tr>
            <td></td>
            <td><input type="checkbox" checked="checked"> 我同意注册条款和加入会员标准</td>
        </tr>

        <tr>
            <td></td>
            <td><a href="#"> 我是会员，立即登录 </a></td>
        </tr>

        <tr>
            <td></td>
            <td>
                <h4>我承诺</h4> 
                <ul>
                    <li>年满18岁，单身</li>
                    <li>抱着严谨的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>